<template>
	<section>
		<div class="banners">
			<figure class="l_h0"> 
			<img src="../../assets/asset/banner.png"/>
			</figure>
		</div> 
		
		<header class="wallfff p30 ">
			<router-link to="/ownAll/owninfos" class=" flex_middle">
				<!--<img class="head_img" src="../../assets/Login/login_phone.png"   :src="infos.Members_HeadPhoto" :onerror="$pub.errImg()" alt="头像" />-->
				<div class="flex1 pl30 sz28">
					<strong> {{infos.Members_Name}} </strong>
					<p> {{infos.Members_Phone}} </p>
				</div>
				
					<i class="icon-advance"></i>
			</router-link>
		</header>
		
		
		
		<ul class=" mu20">
			<li class="bbtm md10 wallfff">
				<router-link to="/ownAll/assets" class="flex_middle plr30 hei100">
					<i class="icon-integral"></i>
					<p class="flex1 flex_between pl30 sz30">
						<span class="hue333">我的资产</span>

					</p>
					<i class="icon-advance"></i>
				</router-link>
			</li>
			<li class="bbtm md10 wallfff">
				<router-link to="/ownAll/team" class="flex_middle plr30 hei100">
					<i class="icon-myrecharge"></i>
					<p class="flex1 flex_between pl30 sz30">
						<span class="hue333">我的团队</span>
					</p>
					<i class="icon-advance"></i>
				</router-link>
			</li>
			<li class="bbtm md10 wallfff">
				<router-link to="/ownAll/extend" class="flex_middle plr30 hei100">
					<i class="icon-generalize"></i>
					<p class="flex1 flex_between pl30 sz30">
						<span class="hue333">我的推广</span>
					</p>
					<i class="icon-advance"></i>
				</router-link>
			</li>
			<li class="bbtm md10 wallfff">
				<router-link to="/ownAll/qrcode" class="flex_middle plr30 hei100">
					<i class="icon-QRcode"></i>
					<p class="flex1 flex_between pl30 sz30">
						<span class="hue333">二维码</span>

					</p>
					<i class="icon-advance"></i>
				</router-link>
			</li>
		</ul>
	</section>
</template>
<script>
	export default {
		data() {
			return {
				infos: {}
			}
		},
		created() {
			let v = this;
			if(!sessionStorage.infos) {
				if(!sessionStorage.MembersID) return false;
				v.$http.get("/WorkMembers/V1.0/GetMembersByID", {
					params: {
						MembersID: sessionStorage.MembersID
					}
				}).then((res) => {
					sessionStorage.infos = JSON.stringify(res.data.Return_Data);
					v.infos = JSON.parse(sessionStorage.infos);
				})
			} else {
				v.infos = JSON.parse(sessionStorage.infos);
			}
		}
	}
</script>

<style scoped>
	.banners{
		width: 100%;
	}
	.banners img{
		width: 100%;
	}
	.head_img{
		border-radius: 100%;
		border: 2px solid #f3dcea;
		height: 1.3333333333rem;
		width: 1.3333333333rem;
	}
	.icon-integral {
		background: url(../../assets/own/icon_integral@3x.png) no-repeat;
		background-size: 100% 100%;
		height: 0.6rem;
		width: 0.6rem;
	}
	
	.icon-myrecharge {
		background: url(../../assets/own/icon_bulk@3x.png) no-repeat;
		background-size: 100% 100%;
		height: 0.6rem;
		width: 0.6rem;
	}
	
	.icon-QRcode {
		background: url(../../assets/own/icon_Qrcode@3x.png) no-repeat;
		background-size: 100% 100%;
		height: 0.6rem;
		width: 0.6rem;
	}
	
	.icon-generalize {
		background: url(../../assets/own/icon_generalize@3x.png) no-repeat;
		background-size: 100% 100%;
		height: 0.6rem;
		width: 0.6rem;
	}
</style>